<template>
  <a-layout>
    <Header/>
    <a-layout-content class="main__container">
      <div :style="{ background: '#fff', padding: '24px', minHeight: '1380px' }">
        <router-view v-slot="{ Component }">
          <keep-alive :include="includeList">
            <component :is="Component"/>
          </keep-alive>
        </router-view>
      </div>
    </a-layout-content>
    <router-link to="/404"
    >/404</router-link
    >
    <Footer/>
  </a-layout>
</template>

<script lang="ts">
import Header from '../components/Header'
import Footer from '../components/Footer'
import {defineComponent} from "vue";
/**
 * @desc：menu点击
 * @param { string } targetKey 点击的tabKey
 */
export default defineComponent({
  components: {
    Header,
    Footer
  },
  setup() {
    const jump = (targetKey: string) => {
      console.log(targetKey);
    }
  }
})
</script>


<style lang="less" scoped>
.main__container {
  padding: 0 150px;
  margin-top: 64px;
}
</style>
